<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>DeathGhost</title>
<meta name="keywords"
	content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发" />
<meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!" />
<meta name="author" content="DeathGhost" />
<link href="style/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqpublic.js"></script>
<!--
Author: DeathGhost
Author URI: http://www.deathghost.cn
-->
<script>
	
</script>
</head>

<body>
	<header>
		<section class="Topmenubg">
			<div class="Topnav">
				<div class="LeftNav">
					<a href="register.html">注册</a>/ <a href="login.html">登录</a>
				</div>
				<div class="RightNav">
					<a href="user_center.html">用户中心</a> <a href="user_orderlist.html"
						target="_blank" title="我的订单">我的订单</a> <a href="cart.html">购物车（0）</a>
					<a href="#">商家入驻</a>
				</div>
			</div>
		</section>
		<div class="Logo_search">
			<div class="Logo">
				<img src="images/logo.jpg" title="DeathGhost" alt="模板"> <i></i>
				<span>西安市 [ <a href="http://www.chd.edu.cn" target="_blank">长安大学</a>
					]
				</span>
			</div>
			<div class="Search">
				<form method="get" id="main_a_serach"
					onsubmit="return check_search(this)">
					<div class="Search_nav" id="selectsearch">
						<a href="javascript:;"
							onClick="selectsearch(this,'restaurant_name')" class="choose">餐厅</a>
						<a href="javascript:;" onClick="selectsearch(this,'food_name')">食物名</a>
					</div>
					<div class="Search_area">
						<input type="search" id="fkeyword" name="keyword"
							placeholder="请输入您所需查找的餐厅名称或食物名称..." class="searchbox" /> <input
							type="submit" class="searchbutton" value="搜 索" />
					</div>
				</form>
				<p class="hotkeywords">
					<a href="#" title="酸辣土豆丝">酸辣土豆丝</a> <a href="#" title="这里是产品名称">臊子面</a>
					<a href="#" title="这里是产品名称">擀面皮</a> <a href="#" title="这里是产品名称">羊肉泡馍</a>
					<a href="#" title="这里是产品名称">滑蛋虾仁</a> <a href="#" title="这里是产品名称">蒜汁茄子</a>
				</p>
			</div>
		</div>
		<nav class="menu_bg">
			<ul class="menu">
				<li><a href="index.html">首页</a></li>
				<li><a href="list.html">订餐</a></li>
				<li><a href="category.html">积分商城</a></li>
				<li><a href="article_read.html">关于我们</a></li>
			</ul>
		</nav>
	</header>
	<!--Start content-->
	<section class="Cfn">
		<aside class="C-left">
			<div class="S-time">
				服务时间：每天
				<time>07:00</time>
				-
				<time>21:00</time>
			</div>
			<div class="C-time" style="padding-top: 8px;">
				<img src="upload/tiqian.png" style="width: 293px; height: 280px;" />
			</div>
			<a href="list.html" target="_blank"><img
				src="images/by_button.png"></a> <a href="list.html"
				target="_blank"><img src="images/dc_button.png"></a>
		</aside>
		<div class="F-middle">
			<ul class="rslides f426x240">
				<li><a href="javascript:"><img src="upload/01.jpg" /></a></li>
				<li><a href="javascript:"><img src="upload/02.jpg" /></a></li>
				<li><a href="javascript:"><img src="upload/03.jpg" /></a></li>
				<li><a href="javascript:"><img src="upload/sanjiantao2.jpg" /></a>
				</li>
				<li><a href="javascript:"><img
						src="upload/roujiamo2.jpg.png" /></a></li>
			</ul>
		</div>
	</section>
	<section class="Sfainfor">
		<article class="Sflist">
			<div id="Indexouter">
				<ul id="Indextab">
					<li class="current">点菜</li>
					<li>餐馆</li>
					<p class="class_B">
						<a href="#">中餐</a> <a href="#">西餐</a> <a href="#">甜点</a> <span><a
							href="#" target="_blank">more ></a></span>
					</p>
				</ul>
				<div id="Indexcontent">
					<ul style="display: block;">
						<li>
							<div class="SCcontent">
								<c:if test="${product == null}">
								<c:redirect url="ProductServlet?op=selAllProduct"></c:redirect>
								</c:if>
								<c:if test="${product != null}">
								<c:forEach items="${product}" var="pro">
									<a target="_blank" title="${pro.productname}" id="ptname">
										<figure>
											<img src="${pro.prodcuctimg}" width="284px" height="200px">
											<figcaption>
												 <span class="title" id="proname">${pro.productname}</span>
												 <font class="price" ><i>￥</i>${pro.productprice}</font>
												 <%-- <span class="price" ><i>￥</i>${pro.productprice}</span> --%>
											</figcaption>
										</figure>
									</a>
								</c:forEach>
								</c:if>
								
							</div>
							<div class="bestshop">
								<a href="shop.html" target="_blank" title="店铺名称">
									<figure>
										<img src="upload/wpjnewlogo.jpg">
									</figure>
								</a> <a href="shop.html" target="_blank" title="店铺名称">
									<figure>
										<img src="upload/weijia.jpg">
									</figure>
								</a> <a href="shop.html" target="_blank" title="店铺名称">
									<figure>
										<img src="upload/dianpu3.png">
									</figure>
								</a> <a href="shop.html" target="_blank" title="店铺名称">
									<figure>
										<img src="upload/dianpu4.png">
									</figure>
								</a> <a href="shop.html" target="_blank" title="店铺名称">
									<figure>
										<img src="upload/dianpu5.png">
									</figure>
								</a>

							</div>
						</li>
					</ul>
					<ul>
						<li>

							<div class="DCcontent">
								<a href="shop.html" target="_blank" title="TITLE:店名">
									<figure>
										<img src="upload/wpjnewlogo.jpg">
										<figcaption>
											<span class="title">外婆家</span> <span class="price">预定折扣：<i>8.9折</i></span>
										</figcaption>
										<p class="p1">
											<q>仅售169元！价值289元的4-5人餐，提供免费WiFi。</q>
										</p>
										<p class="p2">
											店铺评分： <img src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-off.png">
										</p>
										<p class="p3">店铺地址：西安市雁塔区丈八路***老重庆川菜馆...</p>
									</figure>
								</a> <a href="shop.html" target="_blank" title="TITLE:店名">
									<figure>
										<img src="upload/weijia.jpg">
										<figcaption>
											<span class="title">魏家凉皮</span> <span class="price">预定折扣：<i>8.9折</i></span>
										</figcaption>
										<p class="p1">
											<q>仅售169元！价值289元的4-5人餐，提供免费WiFi。</q>
										</p>
										<p class="p2">
											店铺评分： <img src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-off.png">
										</p>
										<p class="p3">店铺地址：西安市雁塔区丈八路***老重庆川菜馆...</p>
									</figure>
								</a> <a href="shop.html" target="_blank" title="TITLE:店名">
									<figure>
										<img src="upload/dianpu3.png">
										<figcaption>
											<span class="title">嘹咋咧面馆</span> <span class="price">预定折扣：<i>8.9折</i></span>
										</figcaption>
										<p class="p1">
											<q>仅售169元！价值289元的4-5人餐，提供免费WiFi。</q>
										</p>
										<p class="p2">
											店铺评分： <img src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-on.png"> <img
												src="images/star-off.png">
										</p>
										<p class="p3">店铺地址：西安市雁塔区丈八路***老重庆川菜馆...</p>
									</figure>
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</article>
		<aside class="A-infor">
			<img src="upload/2014911.jpg">
			<div class="usercomment">
				<span>用户菜品点评</span>
				<ul>
					<li><img src="upload/05.png"> 用户“晨辉”对[ 秦镇米皮馆
						]“米皮”评说：味道挺不错，送餐速度挺快...</li>
					<li><img src="upload/04.png"> 用户“柏诚”对[ 岐山臊子面
						]“臊子面”评说：味道挺不错，送餐速度挺快...</li>
				</ul>
			</div>
		</aside>
	</section>
	<!--End content-->

	<footer>
		<section class="Otherlink">
			<aside>
				<div class="ewm-left">
					<p>手机扫描二维码：</p>
					<img src="images/Android_ico_d.jpg"> <img
						src="images/iphone_ico_d.jpg">
				</div>
				<div class="tips">
					<p>客服热线</p>
					<p>
						<i>13459271650</i>
					</p>
					<p>配送时间</p>
					<p>
						<time>07：00</time>
						~
						<time>21:00</time>
					</p>
					<p>网站公告</p>
				</div>
			</aside>
			<section>
				<div>
					<span><i class="i1"></i>配送支付</span>
					<ul>
						<li><a href="article_read.html" target="_blank" title="标题">支付方式</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">配送方式</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">配送效率</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">服务费用</a>
						</li>
					</ul>
				</div>
				<div>
					<span><i class="i2"></i>关于我们</span>
					<ul>
						<li><a href="article_read.html" target="_blank" title="标题">招贤纳士</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">网站介绍</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">配送效率</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">商家加盟</a>
						</li>
					</ul>
				</div>
				<div>
					<span><i class="i3"></i>帮助中心</span>
					<ul>
						<li><a href="article_read.html" target="_blank" title="标题">服务内容</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">服务介绍</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">常见问题</a>
						</li>
						<li><a href="article_read.html" target="_blank" title="标题">网站地图</a>
						</li>
					</ul>
				</div>
			</section>
		</section>
		<div class="copyright">
			© 版权所有 2020 与食俱进 &nbsp;&nbsp;技术支持： <a href="http://www.deathghost.cn"
				title="DeathGhost">与食俱进</a>
		</div>
	</footer>

	<script type="text/javascript">
	
$(function(){
	$("#ptname").click(function(){
		var productname = $("#proname").text();
		console.log(productname);
		location.href="ProductServlet?op=detailsp&productname="+productname;
	})
	
	
		
});  
</script>


</body>

</html>